<!DOCTYPE html>
<html>
	 <head>
		<meta charset="UTF-8">
		<title>我的收藏</title>
		<link rel="stylesheet" href="../css/wodeshoucang.css" />
		<link rel="stylesheet" href="../css/reset.css">
	</head>
	
	<body>
		<header class="header">
			<li><img src="../img/fanhui.png"></li>
			<li>我的收藏</li>
		</header>
		<div class="content">
			<div class="left">
				<img src="../img/xie.png">
			</div>
			<div class="right">
				<div class="rightt">
					<div class="right-1">
					  <p>ESPRIT 阿尼玛眼镜</p>
					  <p>【买一赠一】</p>
				    </div>
				    <div class="right-1-1">
				    	<p><img src="../img/p4.png"></p>
				    </div>
				</div>
				
				<div class="right-2">
					<div class="right-1-left">
						<h4> <span>单价：</span>￥99</h4>
						<p class="right-p">3.8折&nbsp;  <span>￥499</span></p>
					</div>
					<div class="right-1-right">
						<p><img src="../img/3.png"></p>
					</div>
	
				</div>
			</div>
		</div>
		
		<div class="content-1">
			<div class="left">
				<img src="../img/bao.png">
			</div>
			<div class="right">
				<div class="rightt">
					<div class="right-1">
					  <p>ESPRIT 阿尼玛眼镜框</p>
					  <p>【买一赠一】</p>
				    </div>
				    <div class="right-1-1">
				    	<p><img src="../img/p4.png"></p>
				    </div>
				</div>
				
				<div class="right-2">
					<div class="right-1-left">
						<h4> <span>单价：</span>￥99</h4>
						<p class="right-p">3.8折&nbsp;  <span>￥499</span></p>
					</div>
					<div class="right-1-right">
						<p><img src="../img/3.png"></p>
					</div>
	
				</div>
			</div>
		</div>
		
		<div class="content-2">
			<div class="left">
				<img src="../img/ku.png">
			</div>
			<div class="right">
				<div class="rightt">
					<div class="right-1">
					  <p>ESPRIT 阿尼玛眼镜框</p>
					  <p>【买一赠一】</p>
				    </div>
				    <div class="right-1-1">
				    	<p><img src="../img/p4.png"></p>
				    </div>
				</div>
				
				<div class="right-2">
					<div class="right-1-left">
						<h4> <span>单价：</span>￥99</h4>
						<p class="right-p">3.8折&nbsp;  <span>￥499</span></p>
					</div>
					<div class="right-1-right">
						<p><img src="../img/3.png"></p>
					</div>
	
				</div>
			</div>
		</div> 
       <!--  <footer class="footer">
       				<ul>
       					<li>
       						<img src="../img/tab-shou.png"  />
       						<a href="#">首页</a>
       					</li>
       					<li>
       						<img src="../img/tab-fen.png"  />
       						<a href="#">分类</a>
       					</li>
       					<li>
       						<img src="../img/tab-gou.png"  />
       						<a href="#">购物车</a>
       					</li>
       					<li>
       						<img src="../img/tab-xiu.png"  />
       						<a href="#">我的秀</a>
       					</li>
       					<li>
       						<img src="../img/tab-geng.png"  />
       						<a href="#">更多</a>
       					</li>
       				</ul>
       			</footer>	 -->	
       	<footer>
			<ul class="footer-new">
				<li >
					<i><img src="../img/tab-shou.png"></i>
					<p>首页</p>
				</li>
				<li>
					<i><img src="../img/tab-fen.png"></i>
					<p>分类</p>
				</li>
				<li>
					<i><img src="../img/tab-gou.png"></i>
					<p>购物车</p>
				</li>
				<li class="show">
					<i><img src="../img/tab-xiu.png" width="40" height="50"></i>
					<p>我的秀</p>
				</li>
				<li>
					<i><img src="../img/tab-geng.png"></i>
					<p>更多</p>
				</li>
			</ul>
		</footer>		
		<script src="../js/flexible.debug.js"></script>
		<script src="../js/flexible_css.debug.js"></script>
		<script src="../js/jquery-1.11.2.min.js"></script>
		<script>
			$(document).on('click','.right-1-1 img',function(){
					$(".content").eq($(this).index()).stop().slideUp(function(){
						$(".content").remove()
					})
				})
            $(document).on('click','.content-1 img',function(){
					$(".content-1").eq($(this).index()).stop().slideUp(function(){
						$(".content-1").remove()
					})
				})
            
            $(document).on('click','.content-2 img',function(){
					$(".content-2").eq($(this).index()).stop().slideUp(function(){
						$(".content-2").remove()
					})
				})
            $(document).on("click",".header li img",function(){
            	history.back();
             
            })
		</script>
		<script type="text/javascript" src="../js/tiaozhuan.js"></script>
	</body>

</html>